:root {
  --c--theme--colors--secondary-text: var(--c--theme--colors--greyscale-700);
  --c--theme--colors--secondary-100: #f2f7fc;
  --c--theme--colors--secondary-200: #ebf3fa;
  --c--theme--colors--secondary-300: #e2eef8;
  --c--theme--colors--secondary-400: #ddeaf7;
  --c--theme--colors--secondary-500: #d4e5f5;
  --c--theme--colors--secondary-600: #c1d0df;
  --c--theme--colors--secondary-700: #97a3ae;
  --c--theme--colors--secondary-800: #757e87;
  --c--theme--colors--secondary-900: #596067;
  --c--theme--colors--info-text: var(--c--theme--colors--greyscale-000);
  --c--theme--colors--info-100: #ebf2fc;
  --c--theme--colors--info-200: #8cb5ea;
  --c--theme--colors--info-300: #5894e1;
  --c--theme--colors--info-400: #377fdb;
  --c--theme--colors--info-500: #055fd2;
  --c--theme--colors--info-600: #0556bf;
  --c--theme--colors--info-700: #044395;
  --c--theme--colors--info-800: #033474;
  --c--theme--colors--info-900: #022858;
  --c--theme--colors--greyscale-100: #fafafb;
  --c--theme--colors--greyscale-200: #f3f4f4;
  --c--theme--colors--greyscale-300: #e7e8ea;
  --c--theme--colors--greyscale-400: #c2c6ca;
  --c--theme--colors--greyscale-500: #9ea3aa;
  --c--theme--colors--greyscale-600: #79818a;
  --c--theme--colors--greyscale-700: #555f6b;
  --c--theme--colors--greyscale-800: #303c4b;
  --c--theme--colors--greyscale-900: #0c1a2b;
  --c--theme--colors--greyscale-000: #fff;
  --c--theme--colors--primary-100: #edf5fa;
  --c--theme--colors--primary-200: #8cb5ea;
  --c--theme--colors--primary-300: #5894e1;
  --c--theme--colors--primary-400: #377fdb;
  --c--theme--colors--primary-500: #055fd2;
  --c--theme--colors--primary-600: #0556bf;
  --c--theme--colors--primary-700: #044395;
  --c--theme--colors--primary-800: #033474;
  --c--theme--colors--primary-900: #022858;
  --c--theme--colors--success-100: #effcd3;
  --c--theme--colors--success-200: #dbfaa9;
  --c--theme--colors--success-300: #bef27c;
  --c--theme--colors--success-400: #a0e659;
  --c--theme--colors--success-500: #76d628;
  --c--theme--colors--success-600: #5ab81d;
  --c--theme--colors--success-700: #419a14;
  --c--theme--colors--success-800: #2c7c0c;
  --c--theme--colors--success-900: #1d6607;
  --c--theme--colors--warning-100: #fff8cd;
  --c--theme--colors--warning-200: #ffef9b;
  --c--theme--colors--warning-300: #ffe469;
  --c--theme--colors--warning-400: #ffda43;
  --c--theme--colors--warning-500: #ffc805;
  --c--theme--colors--warning-600: #dba603;
  --c--theme--colors--warning-700: #b78702;
  --c--theme--colors--warning-800: #936901;
  --c--theme--colors--warning-900: #7a5400;
  --c--theme--colors--danger-100: #f4b0b0;
  --c--theme--colors--danger-200: #ee8a8a;
  --c--theme--colors--danger-300: #e65454;
  --c--theme--colors--danger-400: #e13333;
  --c--theme--colors--danger-500: #da0000;
  --c--theme--colors--danger-600: #c60000;
  --c--theme--colors--danger-700: #9b0000;
  --c--theme--colors--danger-800: #780000;
  --c--theme--colors--danger-900: #5c0000;
  --c--theme--colors--primary-text: var(--c--theme--colors--greyscale-000);
  --c--theme--colors--success-text: var(--c--theme--colors--greyscale-000);
  --c--theme--colors--warning-text: var(--c--theme--colors--greyscale-000);
  --c--theme--colors--danger-text: var(--c--theme--colors--greyscale-000);
  --c--theme--colors--card-border: #ededed;
  --c--theme--colors--primary-bg: #fafafa;
  --c--theme--colors--primary-action: #1212ff;
  --c--theme--colors--primary-050: #f5f5fe;
  --c--theme--colors--primary-150: #e5eefa;
  --c--theme--colors--primary-950: #1b1b35;
  --c--theme--colors--info-150: #e5eefa;
  --c--theme--colors--greyscale-1000: #161616;
  --c--theme--colors--blue-400: #7ab1e8;
  --c--theme--colors--blue-500: #417dc4;
  --c--theme--colors--blue-600: #3558a2;
  --c--theme--colors--brown-400: #e6be92;
  --c--theme--colors--brown-500: #bd987a;
  --c--theme--colors--brown-600: #745b47;
  --c--theme--colors--cyan-400: #34bab5;
  --c--theme--colors--cyan-500: #009099;
  --c--theme--colors--cyan-600: #006a6f;
  --c--theme--colors--gold-400: #ffca00;
  --c--theme--colors--gold-500: #c3992a;
  --c--theme--colors--gold-600: #695240;
  --c--theme--colors--green-400: #34cb6a;
  --c--theme--colors--green-500: #00a95f;
  --c--theme--colors--green-600: #297254;
  --c--theme--colors--olive-400: #99c221;
  --c--theme--colors--olive-500: #68a532;
  --c--theme--colors--olive-600: #447049;
  --c--theme--colors--orange-400: #ff732c;
  --c--theme--colors--orange-500: #e4794a;
  --c--theme--colors--orange-600: #755348;
  --c--theme--colors--pink-400: #ffb7ae;
  --c--theme--colors--pink-500: #e18b76;
  --c--theme--colors--pink-600: #8d533e;
  --c--theme--colors--purple-400: #ce70cc;
  --c--theme--colors--purple-500: #a558a0;
  --c--theme--colors--purple-600: #6e445a;
  --c--theme--colors--yellow-400: #d8c634;
  --c--theme--colors--yellow-500: #b7a73f;
  --c--theme--colors--yellow-600: #66673d;
  --c--theme--font--sizes--h1: 2rem;
  --c--theme--font--sizes--h2: 1.75rem;
  --c--theme--font--sizes--h3: 1.5rem;
  --c--theme--font--sizes--h4: 1.375rem;
  --c--theme--font--sizes--h5: 1.25rem;
  --c--theme--font--sizes--h6: 1.125rem;
  --c--theme--font--sizes--l: 1rem;
  --c--theme--font--sizes--m: 0.8125rem;
  --c--theme--font--sizes--s: 0.75rem;
  --c--theme--font--sizes--xs: 0.75rem;
  --c--theme--font--sizes--sm: 0.875rem;
  --c--theme--font--sizes--md: 1rem;
  --c--theme--font--sizes--lg: 1.125rem;
  --c--theme--font--sizes--ml: 0.938rem;
  --c--theme--font--sizes--xl: 1.25rem;
  --c--theme--font--sizes--t: 0.6875rem;
  --c--theme--font--sizes--xl-alt: 5rem;
  --c--theme--font--sizes--lg-alt: 4.5rem;
  --c--theme--font--sizes--md-alt: 4rem;
  --c--theme--font--sizes--sm-alt: 3.5rem;
  --c--theme--font--sizes--xs-alt: 3rem;
  --c--theme--font--weights--thin: 100;
  --c--theme--font--weights--light: 300;
  --c--theme--font--weights--regular: 400;
  --c--theme--font--weights--medium: 500;
  --c--theme--font--weights--bold: 600;
  --c--theme--font--weights--extrabold: 800;
  --c--theme--font--weights--black: 900;
  --c--theme--font--families--base: 'Roboto Flex Variable', sans-serif;
  --c--theme--font--families--accent: 'Roboto Flex Variable', sans-serif;
  --c--theme--font--letterspacings--h1: normal;
  --c--theme--font--letterspacings--h2: normal;
  --c--theme--font--letterspacings--h3: normal;
  --c--theme--font--letterspacings--h4: normal;
  --c--theme--font--letterspacings--h5: 1px;
  --c--theme--font--letterspacings--h6: normal;
  --c--theme--font--letterspacings--l: normal;
  --c--theme--font--letterspacings--m: normal;
  --c--theme--font--letterspacings--s: normal;
  --c--theme--spacings--0: 0;
  --c--theme--spacings--xl: 2.5rem;
  --c--theme--spacings--l: 3rem;
  --c--theme--spacings--b: 1.625rem;
  --c--theme--spacings--s: 1rem;
  --c--theme--spacings--t: 0.5rem;
  --c--theme--spacings--st: 0.25rem;
  --c--theme--spacings--none: 0;
  --c--theme--spacings--auto: auto;
  --c--theme--spacings--bx: 2.2rem;
  --c--theme--spacings--full: 100%;
  --c--theme--spacings--4xs: 0.125rem;
  --c--theme--spacings--3xs: 0.25rem;
  --c--theme--spacings--2xs: 0.375rem;
  --c--theme--spacings--xs: 0.5rem;
  --c--theme--spacings--sm: 0.75rem;
  --c--theme--spacings--base: 1rem;
  --c--theme--spacings--md: 1.5rem;
  --c--theme--spacings--lg: 2rem;
  --c--theme--spacings--xxl: 3rem;
  --c--theme--spacings--xxxl: 3.5rem;
  --c--theme--spacings--4xl: 4rem;
  --c--theme--spacings--5xl: 4.5rem;
  --c--theme--spacings--6xl: 6rem;
  --c--theme--spacings--7xl: 7.5rem;
  --c--theme--transitions--ease-in: cubic-bezier(0.32, 0, 0.67, 0);
  --c--theme--transitions--ease-out: cubic-bezier(0.33, 1, 0.68, 1);
  --c--theme--transitions--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --c--theme--transitions--duration: 250ms;
  --c--theme--breakpoints--xs: 480px;
  --c--theme--breakpoints--sm: 576px;
  --c--theme--breakpoints--md: 768px;
  --c--theme--breakpoints--lg: 992px;
  --c--theme--breakpoints--xl: 1200px;
  --c--theme--breakpoints--xxl: 1400px;
  --c--theme--breakpoints--xxs: 320px;
  --c--theme--logo--src: ;
  --c--theme--logo--widthheader: ;
  --c--theme--logo--widthfooter: ;
  --c--theme--logo--alt: ;
  --c--components--datagrid--header--weight: var(
    --c--theme--font--weights--extrabold
  );
  --c--components--datagrid--header--size: var(--c--theme--font--sizes--ml);
  --c--components--datagrid--cell--color: var(--c--theme--colors--primary-500);
  --c--components--datagrid--cell--size: var(--c--theme--font--sizes--ml);
  --c--components--forms-checkbox--background-color--hover: #055fd214;
  --c--components--forms-checkbox--color: var(--c--theme--colors--primary-500);
  --c--components--forms-checkbox--font-size: var(--c--theme--font--sizes--ml);
  --c--components--forms-datepicker--border-color: var(
    --c--theme--colors--primary-500
  );
  --c--components--forms-datepicker--value-color: var(
    --c--theme--colors--primary-500
  );
  --c--components--forms-datepicker--border-radius--hover: var(
    --c--components--forms-datepicker--border-radius
  );
  --c--components--forms-datepicker--border-radius--focus: var(
    --c--components--forms-datepicker--border-radius
  );
  --c--components--forms-field--color: var(--c--theme--colors--primary-500);
  --c--components--forms-field--value-color: var(
    --c--theme--colors--primary-500
  );
  --c--components--forms-field--width: auto;
  --c--components--forms-input--value-color: var(
    --c--theme--colors--primary-500
  );
  --c--components--forms-input--border-color: var(
    --c--theme--colors--primary-500
  );
  --c--components--forms-input--color--error: var(
    --c--theme--colors--danger-500
  );
  --c--components--forms-input--color--error-hover: var(
    --c--theme--colors--danger-500
  );
  --c--components--forms-input--color--box-shadow-error-hover: var(
    --c--theme--colors--danger-500
  );
  --c--components--forms-labelledbox--label-color--small: var(
    --c--theme--colors--primary-500
  );
  --c--components--forms-labelledbox--label-color--small-disabled: var(
    --c--theme--colors--greyscale-400
  );
  --c--components--forms-labelledbox--label-color--big--disabled: var(
    --c--theme--colors--greyscale-400
  );
  --c--components--forms-select--border-color: var(
    --c--theme--colors--primary-500
  );
  --c--components--forms-select--border-color-disabled-hover: var(
    --c--theme--colors--greyscale-200
  );
  --c--components--forms-select--border-radius--hover: var(
    --c--components--forms-select--border-radius
  );
  --c--components--forms-select--border-radius--focus: var(
    --c--components--forms-select--border-radius
  );
  --c--components--forms-select--font-size: var(--c--theme--font--sizes--ml);
  --c--components--forms-select--menu-background-color: #fff;
  --c--components--forms-select--item-background-color--hover: var(
    --c--theme--colors--primary-300
  );
  --c--components--forms-switch--accent-color: var(
    --c--theme--colors--primary-400
  );
  --c--components--forms-textarea--border-color: var(
    --c--components--forms-textarea--border-color
  );
  --c--components--forms-textarea--border-color-hover: var(
    --c--components--forms-textarea--border-color
  );
  --c--components--forms-textarea--border-radius--hover: var(
    --c--components--forms-textarea--border-radius
  );
  --c--components--forms-textarea--border-radius--focus: var(
    --c--components--forms-textarea--border-radius
  );
  --c--components--forms-textarea--color: var(--c--theme--colors--primary-500);
  --c--components--forms-textarea--disabled--border-color-hover: var(
    --c--theme--colors--greyscale-200
  );
  --c--components--modal--background-color: #fff;
  --c--components--button--border-radius--active: var(
    --c--components--button--border-radius
  );
  --c--components--button--medium-height: auto;
  --c--components--button--small-height: auto;
  --c--components--button--success--color: white;
  --c--components--button--success--color-disabled: white;
  --c--components--button--success--color-hover: white;
  --c--components--button--success--background--color: var(
    --c--theme--colors--success-600
  );
  --c--components--button--success--background--color-disabled: var(
    --c--theme--colors--greyscale-300
  );
  --c--components--button--success--background--color-hover: var(
    --c--theme--colors--success-800
  );
  --c--components--button--danger--color-hover: white;
  --c--components--button--danger--background--color: var(
    --c--theme--colors--danger-600
  );
  --c--components--button--danger--background--color-hover: #ff2725;
  --c--components--button--danger--background--color-disabled: var(
    --c--theme--colors--danger-100
  );
  --c--components--button--primary--color: var(
    --c--theme--colors--primary-text
  );
  --c--components--button--primary--color-active: var(
    --c--theme--colors--primary-text
  );
  --c--components--button--primary--background--color: var(
    --c--theme--colors--primary-400
  );
  --c--components--button--primary--background--color-active: var(
    --c--theme--colors--primary-500
  );
  --c--components--button--primary--border--color-active: transparent;
  --c--components--button--secondary--color: var(
    --c--theme--colors--primary-500
  );
  --c--components--button--secondary--color-hover: var(
    --c--theme--colors--primary-text
  );
  --c--components--button--secondary--background--color: white;
  --c--components--button--secondary--background--color-hover: var(
    --c--theme--colors--primary-700
  );
  --c--components--button--secondary--border--color: var(
    --c--theme--colors--greyscale-300
  );
  --c--components--button--tertiary--color: var(
    --c--theme--colors--primary-text
  );
  --c--components--button--tertiary--color-disabled: var(
    --c--theme--colors--greyscale-600
  );
  --c--components--button--tertiary--background--color: var(
    --c--theme--colors--primary-100
  );
  --c--components--button--tertiary--background--color-hover: var(
    --c--theme--colors--primary-300
  );
  --c--components--button--tertiary--background--color-active: var(
    --c--theme--colors--primary-100
  );
  --c--components--button--tertiary--background--color-disabled: var(
    --c--theme--colors--greyscale-200
  );
  --c--components--button--disabled--color: white;
  --c--components--button--disabled--background--color: #b3cef0;
  --c--components--la-gauffre--activated: false;
  --c--components--home-proconnect--activated: false;
}

.cunningham-theme--dark {
  --c--theme--colors--greyscale-100: #182536;
  --c--theme--colors--greyscale-200: #303c4b;
  --c--theme--colors--greyscale-300: #555f6b;
  --c--theme--colors--greyscale-400: #79818a;
  --c--theme--colors--greyscale-500: #9ea3aa;
  --c--theme--colors--greyscale-600: #c2c6ca;
  --c--theme--colors--greyscale-700: #e7e8ea;
  --c--theme--colors--greyscale-800: #f3f4f4;
  --c--theme--colors--greyscale-900: #fafafb;
  --c--theme--colors--greyscale-000: #0c1a2b;
  --c--theme--colors--primary-100: #3b4c62;
  --c--theme--colors--primary-200: #4d6481;
  --c--theme--colors--primary-300: #6381a6;
  --c--theme--colors--primary-400: #7fa5d5;
  --c--theme--colors--primary-500: #8cb5ea;
  --c--theme--colors--primary-600: #a3c4ee;
  --c--theme--colors--primary-700: #c3d8f4;
  --c--theme--colors--primary-800: #dde9f8;
  --c--theme--colors--primary-900: #f4f8fd;
  --c--theme--colors--success-100: #eef8d7;
  --c--theme--colors--success-200: #d9f1b2;
  --c--theme--colors--success-300: #bde985;
  --c--theme--colors--success-400: #a0e25d;
  --c--theme--colors--success-500: #76d628;
  --c--theme--colors--success-600: #5bb520;
  --c--theme--colors--success-700: #43941a;
  --c--theme--colors--success-800: #307414;
  --c--theme--colors--success-900: #225d10;
  --c--theme--colors--warning-100: #f7f3d5;
  --c--theme--colors--warning-200: #f0e5aa;
  --c--theme--colors--warning-300: #e8d680;
  --c--theme--colors--warning-400: #e3c95f;
  --c--theme--colors--warning-500: #d9b32b;
  --c--theme--colors--warning-600: #bd9721;
  --c--theme--colors--warning-700: #9d7b1c;
  --c--theme--colors--warning-800: #7e6016;
  --c--theme--colors--warning-900: #684d12;
  --c--theme--colors--danger-100: #f8d0d0;
  --c--theme--colors--danger-200: #f09898;
  --c--theme--colors--danger-300: #f09898;
  --c--theme--colors--danger-400: #ed8585;
  --c--theme--colors--danger-500: #e96666;
  --c--theme--colors--danger-600: #d66;
  --c--theme--colors--danger-700: #c36666;
  --c--theme--colors--danger-800: #ae6666;
  --c--theme--colors--danger-900: #9d6666;
}

.cunningham-theme--dsfr {
  --c--theme--colors--card-border: #e5e5e5;
  --c--theme--colors--primary-text: #000091;
  --c--theme--colors--primary-100: #ececfe;
  --c--theme--colors--primary-150: #f4f4fd;
  --c--theme--colors--primary-200: #e3e3fd;
  --c--theme--colors--primary-300: #cacafb;
  --c--theme--colors--primary-400: #8585f6;
  --c--theme--colors--primary-500: #6a6af4;
  --c--theme--colors--primary-600: #313178;
  --c--theme--colors--primary-700: #272747;
  --c--theme--colors--primary-800: #000091;
  --c--theme--colors--primary-900: #21213f;
  --c--theme--colors--secondary-text: #fff;
  --c--theme--colors--secondary-100: #fee9ea;
  --c--theme--colors--secondary-200: #fedfdf;
  --c--theme--colors--secondary-300: #fdbfbf;
  --c--theme--colors--secondary-400: #e1020f;
  --c--theme--colors--secondary-500: #c91a1f;
  --c--theme--colors--secondary-600: #5e2b2b;
  --c--theme--colors--secondary-700: #3b2424;
  --c--theme--colors--secondary-800: #341f1f;
  --c--theme--colors--secondary-900: #2b1919;
  --c--theme--colors--greyscale-text: #303c4b;
  --c--theme--colors--greyscale-000: #fff;
  --c--theme--colors--greyscale-050: #f6f6f6;
  --c--theme--colors--greyscale-100: #eee;
  --c--theme--colors--greyscale-200: #e5e5e5;
  --c--theme--colors--greyscale-250: #ddd;
  --c--theme--colors--greyscale-300: #cecece;
  --c--theme--colors--greyscale-350: #ddd;
  --c--theme--colors--greyscale-400: #929292;
  --c--theme--colors--greyscale-500: #7c7c7c;
  --c--theme--colors--greyscale-600: #666;
  --c--theme--colors--greyscale-700: #3a3a3a;
  --c--theme--colors--greyscale-750: #353535;
  --c--theme--colors--greyscale-800: #2a2a2a;
  --c--theme--colors--greyscale-900: #242424;
  --c--theme--colors--greyscale-950: #1e1e1e;
  --c--theme--colors--greyscale-1000: #161616;
  --c--theme--colors--success-text: #1f8d49;
  --c--theme--colors--success-100: #dffee6;
  --c--theme--colors--success-200: #b8fec9;
  --c--theme--colors--success-300: #88fdaa;
  --c--theme--colors--success-400: #3bea7e;
  --c--theme--colors--success-500: #1f8d49;
  --c--theme--colors--success-600: #18753c;
  --c--theme--colors--success-700: #204129;
  --c--theme--colors--success-800: #1e2e22;
  --c--theme--colors--success-900: #19281d;
  --c--theme--colors--info-text: #0078f3;
  --c--theme--colors--info-100: #e8edff;
  --c--theme--colors--info-200: #dde5ff;
  --c--theme--colors--info-300: #bccdff;
  --c--theme--colors--info-400: #518fff;
  --c--theme--colors--info-500: #0078f3;
  --c--theme--colors--info-600: #0063cb;
  --c--theme--colors--info-700: #273961;
  --c--theme--colors--info-800: #222a3f;
  --c--theme--colors--info-900: #1d2437;
  --c--theme--colors--warning-text: #d64d00;
  --c--theme--colors--warning-100: #fff4f3;
  --c--theme--colors--warning-200: #ffe9e6;
  --c--theme--colors--warning-300: #ffded9;
  --c--theme--colors--warning-400: #ffbeb4;
  --c--theme--colors--warning-500: #d64d00;
  --c--theme--colors--warning-600: #b34000;
  --c--theme--colors--warning-700: #5e2c21;
  --c--theme--colors--warning-800: #3e241e;
  --c--theme--colors--warning-900: #361e19;
  --c--theme--colors--danger-text: #fff;
  --c--theme--colors--danger-100: #ffe9e9;
  --c--theme--colors--danger-200: #fdd;
  --c--theme--colors--danger-300: #ffbdbd;
  --c--theme--colors--danger-400: #ff5655;
  --c--theme--colors--danger-500: #f60700;
  --c--theme--colors--danger-600: #ce0500;
  --c--theme--colors--danger-700: #642626;
  --c--theme--colors--danger-800: #412121;
  --c--theme--colors--danger-900: #391c1c;
  --c--theme--font--families--accent: marianne;
  --c--theme--font--families--base: marianne;
  --c--theme--logo--src: /assets/logo-gouv.svg;
  --c--theme--logo--widthHeader: 110px;
  --c--theme--logo--widthFooter: 220px;
  --c--theme--logo--alt: gouvernement logo;
  --c--components--alert--border-radius: 0;
  --c--components--alert--error--background-color: var(
    --c--theme--colors--danger-100
  );
  --c--components--alert--error--border-left-color: var(
    --c--theme--colors--danger-400
  );
  --c--components--alert--error--close--color: white;
  --c--components--alert--error--close--background-color: var(
    --c--theme--colors--danger-400
  );
  --c--components--alert--error--close--background-color-hover: var(
    --c--theme--colors--danger-600
  );
  --c--components--modal--width-small: 342px;
  --c--components--button--medium-height: 40px;
  --c--components--button--medium-text-height: 40px;
  --c--components--button--border-radius: 4px;
  --c--components--button--primary--background--color: var(
    --c--theme--colors--primary-text
  );
  --c--components--button--primary--background--color-hover: #1212ff;
  --c--components--button--primary--background--color-active: #2323ff;
  --c--components--button--primary--color: #fff;
  --c--components--button--primary--color-hover: #fff;
  --c--components--button--primary--color-active: #fff;
  --c--components--button--primary-text--background--color-hover: var(
    --c--theme--colors--primary-100
  );
  --c--components--button--primary-text--background--color-active: var(
    --c--theme--colors--primary-100
  );
  --c--components--button--primary-text--color-hover: var(
    --c--theme--colors--primary-text
  );
  --c--components--button--primary-text--color: var(
    --c--theme--colors--primary-800
  );
  --c--components--button--secondary--background--color-hover: #f6f6f6;
  --c--components--button--secondary--background--color-active: #ededed;
  --c--components--button--secondary--border--color: var(
    --c--theme--colors--greyscale-300
  );
  --c--components--button--secondary--border--color-hover: var(
    --c--theme--colors--greyscale-300
  );
  --c--components--button--secondary--color: var(
    --c--theme--colors--primary-text
  );
  --c--components--button--tertiary-text--background--color-hover: var(
    --c--theme--colors--greyscale-100
  );
  --c--components--button--tertiary-text--color-hover: var(
    --c--theme--colors--primary-text
  );
  --c--components--button--tertiary-text--color: var(
    --c--theme--colors--primary-600
  );
  --c--components--datagrid--header--color: var(
    --c--theme--colors--primary-text
  );
  --c--components--datagrid--header--size: var(--c--theme--font--sizes--s);
  --c--components--datagrid--body--background-color: transparent;
  --c--components--datagrid--body--background-color-hover: #f4f4fd;
  --c--components--datagrid--pagination--background-color: transparent;
  --c--components--datagrid--pagination--background-color-active: var(
    --c--theme--colors--primary-300
  );
  --c--components--datagrid--pagination--border-color: var(
    --c--theme--colors--primary-400
  );
  --c--components--forms-checkbox--border-radius: 0;
  --c--components--forms-checkbox--color: var(--c--theme--colors--primary-text);
  --c--components--forms-checkbox--text--color: var(
    --c--theme--colors--greyscale-text
  );
  --c--components--forms-checkbox--text--size: var(--c--theme--font--sizes--t);
  --c--components--forms-datepicker--border-radius: 0;
  --c--components--forms-fileuploader--border-radius: 0;
  --c--components--forms-field--color: var(--c--theme--colors--primary-text);
  --c--components--forms-field--footer-font-size: var(
    --c--theme--font--sizes--t
  );
  --c--components--forms-field--footer-color: var(
    --c--theme--colors--greyscale-text
  );
  --c--components--forms-input--border-radius: 4px;
  --c--components--forms-input--background-color: #fff;
  --c--components--forms-input--border-color: var(
    --c--theme--colors--primary-text
  );
  --c--components--forms-input--box-shadow-color: var(
    --c--theme--colors--primary-text
  );
  --c--components--forms-input--value-color: var(
    --c--theme--colors--primary-text
  );
  --c--components--forms-input--font-size: 14px;
  --c--components--forms-labelledbox--label-color--big: var(
    --c--theme--colors--primary-text
  );
  --c--components--forms-radio--accent-color: var(
    --c--theme--colors--primary-600
  );
  --c--components--forms-select--item-font-size: 14px;
  --c--components--forms-select--border-radius: 4px;
  --c--components--forms-select--border-radius-hover: 4px;
  --c--components--forms-select--background-color: #fff;
  --c--components--forms-select--border-color: var(
    --c--theme--colors--primary-text
  );
  --c--components--forms-select--border-color-hover: var(
    --c--theme--colors--primary-text
  );
  --c--components--forms-select--box-shadow-color: var(
    --c--theme--colors--primary-text
  );
  --c--components--forms-switch--handle-border-radius: 2px;
  --c--components--forms-switch--rail-border-radius: 4px;
  --c--components--forms-switch--accent-color: var(
    --c--theme--colors--primary-text
  );
  --c--components--forms-textarea--border-radius: 0;
  --c--components--la-gauffre--activated: true;
  --c--components--home-proconnect--activated: true;
}

.clr-secondary-text {
  color: var(--c--theme--colors--secondary-text);
}

.clr-secondary-100 {
  color: var(--c--theme--colors--secondary-100);
}

.clr-secondary-200 {
  color: var(--c--theme--colors--secondary-200);
}

.clr-secondary-300 {
  color: var(--c--theme--colors--secondary-300);
}

.clr-secondary-400 {
  color: var(--c--theme--colors--secondary-400);
}

.clr-secondary-500 {
  color: var(--c--theme--colors--secondary-500);
}

.clr-secondary-600 {
  color: var(--c--theme--colors--secondary-600);
}

.clr-secondary-700 {
  color: var(--c--theme--colors--secondary-700);
}

.clr-secondary-800 {
  color: var(--c--theme--colors--secondary-800);
}

.clr-secondary-900 {
  color: var(--c--theme--colors--secondary-900);
}

.clr-info-text {
  color: var(--c--theme--colors--info-text);
}

.clr-info-100 {
  color: var(--c--theme--colors--info-100);
}

.clr-info-200 {
  color: var(--c--theme--colors--info-200);
}

.clr-info-300 {
  color: var(--c--theme--colors--info-300);
}

.clr-info-400 {
  color: var(--c--theme--colors--info-400);
}

.clr-info-500 {
  color: var(--c--theme--colors--info-500);
}

.clr-info-600 {
  color: var(--c--theme--colors--info-600);
}

.clr-info-700 {
  color: var(--c--theme--colors--info-700);
}

.clr-info-800 {
  color: var(--c--theme--colors--info-800);
}

.clr-info-900 {
  color: var(--c--theme--colors--info-900);
}

.clr-greyscale-100 {
  color: var(--c--theme--colors--greyscale-100);
}

.clr-greyscale-200 {
  color: var(--c--theme--colors--greyscale-200);
}

.clr-greyscale-300 {
  color: var(--c--theme--colors--greyscale-300);
}

.clr-greyscale-400 {
  color: var(--c--theme--colors--greyscale-400);
}

.clr-greyscale-500 {
  color: var(--c--theme--colors--greyscale-500);
}

.clr-greyscale-600 {
  color: var(--c--theme--colors--greyscale-600);
}

.clr-greyscale-700 {
  color: var(--c--theme--colors--greyscale-700);
}

.clr-greyscale-800 {
  color: var(--c--theme--colors--greyscale-800);
}

.clr-greyscale-900 {
  color: var(--c--theme--colors--greyscale-900);
}

.clr-greyscale-000 {
  color: var(--c--theme--colors--greyscale-000);
}

.clr-primary-100 {
  color: var(--c--theme--colors--primary-100);
}

.clr-primary-200 {
  color: var(--c--theme--colors--primary-200);
}

.clr-primary-300 {
  color: var(--c--theme--colors--primary-300);
}

.clr-primary-400 {
  color: var(--c--theme--colors--primary-400);
}

.clr-primary-500 {
  color: var(--c--theme--colors--primary-500);
}

.clr-primary-600 {
  color: var(--c--theme--colors--primary-600);
}

.clr-primary-700 {
  color: var(--c--theme--colors--primary-700);
}

.clr-primary-800 {
  color: var(--c--theme--colors--primary-800);
}

.clr-primary-900 {
  color: var(--c--theme--colors--primary-900);
}

.clr-success-100 {
  color: var(--c--theme--colors--success-100);
}

.clr-success-200 {
  color: var(--c--theme--colors--success-200);
}

.clr-success-300 {
  color: var(--c--theme--colors--success-300);
}

.clr-success-400 {
  color: var(--c--theme--colors--success-400);
}

.clr-success-500 {
  color: var(--c--theme--colors--success-500);
}

.clr-success-600 {
  color: var(--c--theme--colors--success-600);
}

.clr-success-700 {
  color: var(--c--theme--colors--success-700);
}

.clr-success-800 {
  color: var(--c--theme--colors--success-800);
}

.clr-success-900 {
  color: var(--c--theme--colors--success-900);
}

.clr-warning-100 {
  color: var(--c--theme--colors--warning-100);
}

.clr-warning-200 {
  color: var(--c--theme--colors--warning-200);
}

.clr-warning-300 {
  color: var(--c--theme--colors--warning-300);
}

.clr-warning-400 {
  color: var(--c--theme--colors--warning-400);
}

.clr-warning-500 {
  color: var(--c--theme--colors--warning-500);
}

.clr-warning-600 {
  color: var(--c--theme--colors--warning-600);
}

.clr-warning-700 {
  color: var(--c--theme--colors--warning-700);
}

.clr-warning-800 {
  color: var(--c--theme--colors--warning-800);
}

.clr-warning-900 {
  color: var(--c--theme--colors--warning-900);
}

.clr-danger-100 {
  color: var(--c--theme--colors--danger-100);
}

.clr-danger-200 {
  color: var(--c--theme--colors--danger-200);
}

.clr-danger-300 {
  color: var(--c--theme--colors--danger-300);
}

.clr-danger-400 {
  color: var(--c--theme--colors--danger-400);
}

.clr-danger-500 {
  color: var(--c--theme--colors--danger-500);
}

.clr-danger-600 {
  color: var(--c--theme--colors--danger-600);
}

.clr-danger-700 {
  color: var(--c--theme--colors--danger-700);
}

.clr-danger-800 {
  color: var(--c--theme--colors--danger-800);
}

.clr-danger-900 {
  color: var(--c--theme--colors--danger-900);
}

.clr-primary-text {
  color: var(--c--theme--colors--primary-text);
}

.clr-success-text {
  color: var(--c--theme--colors--success-text);
}

.clr-warning-text {
  color: var(--c--theme--colors--warning-text);
}

.clr-danger-text {
  color: var(--c--theme--colors--danger-text);
}

.clr-card-border {
  color: var(--c--theme--colors--card-border);
}

.clr-primary-bg {
  color: var(--c--theme--colors--primary-bg);
}

.clr-primary-action {
  color: var(--c--theme--colors--primary-action);
}

.clr-primary-050 {
  color: var(--c--theme--colors--primary-050);
}

.clr-primary-150 {
  color: var(--c--theme--colors--primary-150);
}

.clr-primary-950 {
  color: var(--c--theme--colors--primary-950);
}

.clr-info-150 {
  color: var(--c--theme--colors--info-150);
}

.clr-greyscale-1000 {
  color: var(--c--theme--colors--greyscale-1000);
}

.clr-blue-400 {
  color: var(--c--theme--colors--blue-400);
}

.clr-blue-500 {
  color: var(--c--theme--colors--blue-500);
}

.clr-blue-600 {
  color: var(--c--theme--colors--blue-600);
}

.clr-brown-400 {
  color: var(--c--theme--colors--brown-400);
}

.clr-brown-500 {
  color: var(--c--theme--colors--brown-500);
}

.clr-brown-600 {
  color: var(--c--theme--colors--brown-600);
}

.clr-cyan-400 {
  color: var(--c--theme--colors--cyan-400);
}

.clr-cyan-500 {
  color: var(--c--theme--colors--cyan-500);
}

.clr-cyan-600 {
  color: var(--c--theme--colors--cyan-600);
}

.clr-gold-400 {
  color: var(--c--theme--colors--gold-400);
}

.clr-gold-500 {
  color: var(--c--theme--colors--gold-500);
}

.clr-gold-600 {
  color: var(--c--theme--colors--gold-600);
}

.clr-green-400 {
  color: var(--c--theme--colors--green-400);
}

.clr-green-500 {
  color: var(--c--theme--colors--green-500);
}

.clr-green-600 {
  color: var(--c--theme--colors--green-600);
}

.clr-olive-400 {
  color: var(--c--theme--colors--olive-400);
}

.clr-olive-500 {
  color: var(--c--theme--colors--olive-500);
}

.clr-olive-600 {
  color: var(--c--theme--colors--olive-600);
}

.clr-orange-400 {
  color: var(--c--theme--colors--orange-400);
}

.clr-orange-500 {
  color: var(--c--theme--colors--orange-500);
}

.clr-orange-600 {
  color: var(--c--theme--colors--orange-600);
}

.clr-pink-400 {
  color: var(--c--theme--colors--pink-400);
}

.clr-pink-500 {
  color: var(--c--theme--colors--pink-500);
}

.clr-pink-600 {
  color: var(--c--theme--colors--pink-600);
}

.clr-purple-400 {
  color: var(--c--theme--colors--purple-400);
}

.clr-purple-500 {
  color: var(--c--theme--colors--purple-500);
}

.clr-purple-600 {
  color: var(--c--theme--colors--purple-600);
}

.clr-yellow-400 {
  color: var(--c--theme--colors--yellow-400);
}

.clr-yellow-500 {
  color: var(--c--theme--colors--yellow-500);
}

.clr-yellow-600 {
  color: var(--c--theme--colors--yellow-600);
}

.bg-secondary-text {
  background-color: var(--c--theme--colors--secondary-text);
}

.bg-secondary-100 {
  background-color: var(--c--theme--colors--secondary-100);
}

.bg-secondary-200 {
  background-color: var(--c--theme--colors--secondary-200);
}

.bg-secondary-300 {
  background-color: var(--c--theme--colors--secondary-300);
}

.bg-secondary-400 {
  background-color: var(--c--theme--colors--secondary-400);
}

.bg-secondary-500 {
  background-color: var(--c--theme--colors--secondary-500);
}

.bg-secondary-600 {
  background-color: var(--c--theme--colors--secondary-600);
}

.bg-secondary-700 {
  background-color: var(--c--theme--colors--secondary-700);
}

.bg-secondary-800 {
  background-color: var(--c--theme--colors--secondary-800);
}

.bg-secondary-900 {
  background-color: var(--c--theme--colors--secondary-900);
}

.bg-info-text {
  background-color: var(--c--theme--colors--info-text);
}

.bg-info-100 {
  background-color: var(--c--theme--colors--info-100);
}

.bg-info-200 {
  background-color: var(--c--theme--colors--info-200);
}

.bg-info-300 {
  background-color: var(--c--theme--colors--info-300);
}

.bg-info-400 {
  background-color: var(--c--theme--colors--info-400);
}

.bg-info-500 {
  background-color: var(--c--theme--colors--info-500);
}

.bg-info-600 {
  background-color: var(--c--theme--colors--info-600);
}

.bg-info-700 {
  background-color: var(--c--theme--colors--info-700);
}

.bg-info-800 {
  background-color: var(--c--theme--colors--info-800);
}

.bg-info-900 {
  background-color: var(--c--theme--colors--info-900);
}

.bg-greyscale-100 {
  background-color: var(--c--theme--colors--greyscale-100);
}

.bg-greyscale-200 {
  background-color: var(--c--theme--colors--greyscale-200);
}

.bg-greyscale-300 {
  background-color: var(--c--theme--colors--greyscale-300);
}

.bg-greyscale-400 {
  background-color: var(--c--theme--colors--greyscale-400);
}

.bg-greyscale-500 {
  background-color: var(--c--theme--colors--greyscale-500);
}

.bg-greyscale-600 {
  background-color: var(--c--theme--colors--greyscale-600);
}

.bg-greyscale-700 {
  background-color: var(--c--theme--colors--greyscale-700);
}

.bg-greyscale-800 {
  background-color: var(--c--theme--colors--greyscale-800);
}

.bg-greyscale-900 {
  background-color: var(--c--theme--colors--greyscale-900);
}

.bg-greyscale-000 {
  background-color: var(--c--theme--colors--greyscale-000);
}

.bg-primary-100 {
  background-color: var(--c--theme--colors--primary-100);
}

.bg-primary-200 {
  background-color: var(--c--theme--colors--primary-200);
}

.bg-primary-300 {
  background-color: var(--c--theme--colors--primary-300);
}

.bg-primary-400 {
  background-color: var(--c--theme--colors--primary-400);
}

.bg-primary-500 {
  background-color: var(--c--theme--colors--primary-500);
}

.bg-primary-600 {
  background-color: var(--c--theme--colors--primary-600);
}

.bg-primary-700 {
  background-color: var(--c--theme--colors--primary-700);
}

.bg-primary-800 {
  background-color: var(--c--theme--colors--primary-800);
}

.bg-primary-900 {
  background-color: var(--c--theme--colors--primary-900);
}

.bg-success-100 {
  background-color: var(--c--theme--colors--success-100);
}

.bg-success-200 {
  background-color: var(--c--theme--colors--success-200);
}

.bg-success-300 {
  background-color: var(--c--theme--colors--success-300);
}

.bg-success-400 {
  background-color: var(--c--theme--colors--success-400);
}

.bg-success-500 {
  background-color: var(--c--theme--colors--success-500);
}

.bg-success-600 {
  background-color: var(--c--theme--colors--success-600);
}

.bg-success-700 {
  background-color: var(--c--theme--colors--success-700);
}

.bg-success-800 {
  background-color: var(--c--theme--colors--success-800);
}

.bg-success-900 {
  background-color: var(--c--theme--colors--success-900);
}

.bg-warning-100 {
  background-color: var(--c--theme--colors--warning-100);
}

.bg-warning-200 {
  background-color: var(--c--theme--colors--warning-200);
}

.bg-warning-300 {
  background-color: var(--c--theme--colors--warning-300);
}

.bg-warning-400 {
  background-color: var(--c--theme--colors--warning-400);
}

.bg-warning-500 {
  background-color: var(--c--theme--colors--warning-500);
}

.bg-warning-600 {
  background-color: var(--c--theme--colors--warning-600);
}

.bg-warning-700 {
  background-color: var(--c--theme--colors--warning-700);
}

.bg-warning-800 {
  background-color: var(--c--theme--colors--warning-800);
}

.bg-warning-900 {
  background-color: var(--c--theme--colors--warning-900);
}

.bg-danger-100 {
  background-color: var(--c--theme--colors--danger-100);
}

.bg-danger-200 {
  background-color: var(--c--theme--colors--danger-200);
}

.bg-danger-300 {
  background-color: var(--c--theme--colors--danger-300);
}

.bg-danger-400 {
  background-color: var(--c--theme--colors--danger-400);
}

.bg-danger-500 {
  background-color: var(--c--theme--colors--danger-500);
}

.bg-danger-600 {
  background-color: var(--c--theme--colors--danger-600);
}

.bg-danger-700 {
  background-color: var(--c--theme--colors--danger-700);
}

.bg-danger-800 {
  background-color: var(--c--theme--colors--danger-800);
}

.bg-danger-900 {
  background-color: var(--c--theme--colors--danger-900);
}

.bg-primary-text {
  background-color: var(--c--theme--colors--primary-text);
}

.bg-success-text {
  background-color: var(--c--theme--colors--success-text);
}

.bg-warning-text {
  background-color: var(--c--theme--colors--warning-text);
}

.bg-danger-text {
  background-color: var(--c--theme--colors--danger-text);
}

.bg-card-border {
  background-color: var(--c--theme--colors--card-border);
}

.bg-primary-bg {
  background-color: var(--c--theme--colors--primary-bg);
}

.bg-primary-action {
  background-color: var(--c--theme--colors--primary-action);
}

.bg-primary-050 {
  background-color: var(--c--theme--colors--primary-050);
}

.bg-primary-150 {
  background-color: var(--c--theme--colors--primary-150);
}

.bg-primary-950 {
  background-color: var(--c--theme--colors--primary-950);
}

.bg-info-150 {
  background-color: var(--c--theme--colors--info-150);
}

.bg-greyscale-1000 {
  background-color: var(--c--theme--colors--greyscale-1000);
}

.bg-blue-400 {
  background-color: var(--c--theme--colors--blue-400);
}

.bg-blue-500 {
  background-color: var(--c--theme--colors--blue-500);
}

.bg-blue-600 {
  background-color: var(--c--theme--colors--blue-600);
}

.bg-brown-400 {
  background-color: var(--c--theme--colors--brown-400);
}

.bg-brown-500 {
  background-color: var(--c--theme--colors--brown-500);
}

.bg-brown-600 {
  background-color: var(--c--theme--colors--brown-600);
}

.bg-cyan-400 {
  background-color: var(--c--theme--colors--cyan-400);
}

.bg-cyan-500 {
  background-color: var(--c--theme--colors--cyan-500);
}

.bg-cyan-600 {
  background-color: var(--c--theme--colors--cyan-600);
}

.bg-gold-400 {
  background-color: var(--c--theme--colors--gold-400);
}

.bg-gold-500 {
  background-color: var(--c--theme--colors--gold-500);
}

.bg-gold-600 {
  background-color: var(--c--theme--colors--gold-600);
}

.bg-green-400 {
  background-color: var(--c--theme--colors--green-400);
}

.bg-green-500 {
  background-color: var(--c--theme--colors--green-500);
}

.bg-green-600 {
  background-color: var(--c--theme--colors--green-600);
}

.bg-olive-400 {
  background-color: var(--c--theme--colors--olive-400);
}

.bg-olive-500 {
  background-color: var(--c--theme--colors--olive-500);
}

.bg-olive-600 {
  background-color: var(--c--theme--colors--olive-600);
}

.bg-orange-400 {
  background-color: var(--c--theme--colors--orange-400);
}

.bg-orange-500 {
  background-color: var(--c--theme--colors--orange-500);
}

.bg-orange-600 {
  background-color: var(--c--theme--colors--orange-600);
}

.bg-pink-400 {
  background-color: var(--c--theme--colors--pink-400);
}

.bg-pink-500 {
  background-color: var(--c--theme--colors--pink-500);
}

.bg-pink-600 {
  background-color: var(--c--theme--colors--pink-600);
}

.bg-purple-400 {
  background-color: var(--c--theme--colors--purple-400);
}

.bg-purple-500 {
  background-color: var(--c--theme--colors--purple-500);
}

.bg-purple-600 {
  background-color: var(--c--theme--colors--purple-600);
}

.bg-yellow-400 {
  background-color: var(--c--theme--colors--yellow-400);
}

.bg-yellow-500 {
  background-color: var(--c--theme--colors--yellow-500);
}

.bg-yellow-600 {
  background-color: var(--c--theme--colors--yellow-600);
}

.fw-thin {
  font-weight: var(--c--theme--font--weights--thin);
}

.fw-light {
  font-weight: var(--c--theme--font--weights--light);
}

.fw-regular {
  font-weight: var(--c--theme--font--weights--regular);
}

.fw-medium {
  font-weight: var(--c--theme--font--weights--medium);
}

.fw-bold {
  font-weight: var(--c--theme--font--weights--bold);
}

.fw-extrabold {
  font-weight: var(--c--theme--font--weights--extrabold);
}

.fw-black {
  font-weight: var(--c--theme--font--weights--black);
}

.fs-h1 {
  font-size: var(--c--theme--font--sizes--h1);
  letter-spacing: var(--c--theme--font--letterspacings--h1);
}

.fs-h2 {
  font-size: var(--c--theme--font--sizes--h2);
  letter-spacing: var(--c--theme--font--letterspacings--h2);
}

.fs-h3 {
  font-size: var(--c--theme--font--sizes--h3);
  letter-spacing: var(--c--theme--font--letterspacings--h3);
}

.fs-h4 {
  font-size: var(--c--theme--font--sizes--h4);
  letter-spacing: var(--c--theme--font--letterspacings--h4);
}

.fs-h5 {
  font-size: var(--c--theme--font--sizes--h5);
  letter-spacing: var(--c--theme--font--letterspacings--h5);
}

.fs-h6 {
  font-size: var(--c--theme--font--sizes--h6);
  letter-spacing: var(--c--theme--font--letterspacings--h6);
}

.fs-l {
  font-size: var(--c--theme--font--sizes--l);
  letter-spacing: var(--c--theme--font--letterspacings--l);
}

.fs-m {
  font-size: var(--c--theme--font--sizes--m);
  letter-spacing: var(--c--theme--font--letterspacings--m);
}

.fs-s {
  font-size: var(--c--theme--font--sizes--s);
  letter-spacing: var(--c--theme--font--letterspacings--s);
}

.fs-xs {
  font-size: var(--c--theme--font--sizes--xs);
  letter-spacing: var(--c--theme--font--letterspacings--xs);
}

.fs-sm {
  font-size: var(--c--theme--font--sizes--sm);
  letter-spacing: var(--c--theme--font--letterspacings--sm);
}

.fs-md {
  font-size: var(--c--theme--font--sizes--md);
  letter-spacing: var(--c--theme--font--letterspacings--md);
}

.fs-lg {
  font-size: var(--c--theme--font--sizes--lg);
  letter-spacing: var(--c--theme--font--letterspacings--lg);
}

.fs-ml {
  font-size: var(--c--theme--font--sizes--ml);
  letter-spacing: var(--c--theme--font--letterspacings--ml);
}

.fs-xl {
  font-size: var(--c--theme--font--sizes--xl);
  letter-spacing: var(--c--theme--font--letterspacings--xl);
}

.fs-t {
  font-size: var(--c--theme--font--sizes--t);
  letter-spacing: var(--c--theme--font--letterspacings--t);
}

.fs-xl-alt {
  font-size: var(--c--theme--font--sizes--xl-alt);
  letter-spacing: var(--c--theme--font--letterspacings--xl-alt);
}

.fs-lg-alt {
  font-size: var(--c--theme--font--sizes--lg-alt);
  letter-spacing: var(--c--theme--font--letterspacings--lg-alt);
}

.fs-md-alt {
  font-size: var(--c--theme--font--sizes--md-alt);
  letter-spacing: var(--c--theme--font--letterspacings--md-alt);
}

.fs-sm-alt {
  font-size: var(--c--theme--font--sizes--sm-alt);
  letter-spacing: var(--c--theme--font--letterspacings--sm-alt);
}

.fs-xs-alt {
  font-size: var(--c--theme--font--sizes--xs-alt);
  letter-spacing: var(--c--theme--font--letterspacings--xs-alt);
}

.f-base {
  font-family: var(--c--theme--font--families--base);
}

.f-accent {
  font-family: var(--c--theme--font--families--accent);
}

.m-0 {
  margin: var(--c--theme--spacings--0);
}

.mb-0 {
  margin-bottom: var(--c--theme--spacings--0);
}

.mt-0 {
  margin-top: var(--c--theme--spacings--0);
}

.ml-0 {
  margin-left: var(--c--theme--spacings--0);
}

.mr-0 {
  margin-right: var(--c--theme--spacings--0);
}

.m-xl {
  margin: var(--c--theme--spacings--xl);
}

.mb-xl {
  margin-bottom: var(--c--theme--spacings--xl);
}

.mt-xl {
  margin-top: var(--c--theme--spacings--xl);
}

.ml-xl {
  margin-left: var(--c--theme--spacings--xl);
}

.mr-xl {
  margin-right: var(--c--theme--spacings--xl);
}

.m-l {
  margin: var(--c--theme--spacings--l);
}

.mb-l {
  margin-bottom: var(--c--theme--spacings--l);
}

.mt-l {
  margin-top: var(--c--theme--spacings--l);
}

.ml-l {
  margin-left: var(--c--theme--spacings--l);
}

.mr-l {
  margin-right: var(--c--theme--spacings--l);
}

.m-b {
  margin: var(--c--theme--spacings--b);
}

.mb-b {
  margin-bottom: var(--c--theme--spacings--b);
}

.mt-b {
  margin-top: var(--c--theme--spacings--b);
}

.ml-b {
  margin-left: var(--c--theme--spacings--b);
}

.mr-b {
  margin-right: var(--c--theme--spacings--b);
}

.m-s {
  margin: var(--c--theme--spacings--s);
}

.mb-s {
  margin-bottom: var(--c--theme--spacings--s);
}

.mt-s {
  margin-top: var(--c--theme--spacings--s);
}

.ml-s {
  margin-left: var(--c--theme--spacings--s);
}

.mr-s {
  margin-right: var(--c--theme--spacings--s);
}

.m-t {
  margin: var(--c--theme--spacings--t);
}

.mb-t {
  margin-bottom: var(--c--theme--spacings--t);
}

.mt-t {
  margin-top: var(--c--theme--spacings--t);
}

.ml-t {
  margin-left: var(--c--theme--spacings--t);
}

.mr-t {
  margin-right: var(--c--theme--spacings--t);
}

.m-st {
  margin: var(--c--theme--spacings--st);
}

.mb-st {
  margin-bottom: var(--c--theme--spacings--st);
}

.mt-st {
  margin-top: var(--c--theme--spacings--st);
}

.ml-st {
  margin-left: var(--c--theme--spacings--st);
}

.mr-st {
  margin-right: var(--c--theme--spacings--st);
}

.m-none {
  margin: var(--c--theme--spacings--none);
}

.mb-none {
  margin-bottom: var(--c--theme--spacings--none);
}

.mt-none {
  margin-top: var(--c--theme--spacings--none);
}

.ml-none {
  margin-left: var(--c--theme--spacings--none);
}

.mr-none {
  margin-right: var(--c--theme--spacings--none);
}

.m-auto {
  margin: var(--c--theme--spacings--auto);
}

.mb-auto {
  margin-bottom: var(--c--theme--spacings--auto);
}

.mt-auto {
  margin-top: var(--c--theme--spacings--auto);
}

.ml-auto {
  margin-left: var(--c--theme--spacings--auto);
}

.mr-auto {
  margin-right: var(--c--theme--spacings--auto);
}

.m-bx {
  margin: var(--c--theme--spacings--bx);
}

.mb-bx {
  margin-bottom: var(--c--theme--spacings--bx);
}

.mt-bx {
  margin-top: var(--c--theme--spacings--bx);
}

.ml-bx {
  margin-left: var(--c--theme--spacings--bx);
}

.mr-bx {
  margin-right: var(--c--theme--spacings--bx);
}

.m-full {
  margin: var(--c--theme--spacings--full);
}

.mb-full {
  margin-bottom: var(--c--theme--spacings--full);
}

.mt-full {
  margin-top: var(--c--theme--spacings--full);
}

.ml-full {
  margin-left: var(--c--theme--spacings--full);
}

.mr-full {
  margin-right: var(--c--theme--spacings--full);
}

.m-4xs {
  margin: var(--c--theme--spacings--4xs);
}

.mb-4xs {
  margin-bottom: var(--c--theme--spacings--4xs);
}

.mt-4xs {
  margin-top: var(--c--theme--spacings--4xs);
}

.ml-4xs {
  margin-left: var(--c--theme--spacings--4xs);
}

.mr-4xs {
  margin-right: var(--c--theme--spacings--4xs);
}

.m-3xs {
  margin: var(--c--theme--spacings--3xs);
}

.mb-3xs {
  margin-bottom: var(--c--theme--spacings--3xs);
}

.mt-3xs {
  margin-top: var(--c--theme--spacings--3xs);
}

.ml-3xs {
  margin-left: var(--c--theme--spacings--3xs);
}

.mr-3xs {
  margin-right: var(--c--theme--spacings--3xs);
}

.m-2xs {
  margin: var(--c--theme--spacings--2xs);
}

.mb-2xs {
  margin-bottom: var(--c--theme--spacings--2xs);
}

.mt-2xs {
  margin-top: var(--c--theme--spacings--2xs);
}

.ml-2xs {
  margin-left: var(--c--theme--spacings--2xs);
}

.mr-2xs {
  margin-right: var(--c--theme--spacings--2xs);
}

.m-xs {
  margin: var(--c--theme--spacings--xs);
}

.mb-xs {
  margin-bottom: var(--c--theme--spacings--xs);
}

.mt-xs {
  margin-top: var(--c--theme--spacings--xs);
}

.ml-xs {
  margin-left: var(--c--theme--spacings--xs);
}

.mr-xs {
  margin-right: var(--c--theme--spacings--xs);
}

.m-sm {
  margin: var(--c--theme--spacings--sm);
}

.mb-sm {
  margin-bottom: var(--c--theme--spacings--sm);
}

.mt-sm {
  margin-top: var(--c--theme--spacings--sm);
}

.ml-sm {
  margin-left: var(--c--theme--spacings--sm);
}

.mr-sm {
  margin-right: var(--c--theme--spacings--sm);
}

.m-base {
  margin: var(--c--theme--spacings--base);
}

.mb-base {
  margin-bottom: var(--c--theme--spacings--base);
}

.mt-base {
  margin-top: var(--c--theme--spacings--base);
}

.ml-base {
  margin-left: var(--c--theme--spacings--base);
}

.mr-base {
  margin-right: var(--c--theme--spacings--base);
}

.m-md {
  margin: var(--c--theme--spacings--md);
}

.mb-md {
  margin-bottom: var(--c--theme--spacings--md);
}

.mt-md {
  margin-top: var(--c--theme--spacings--md);
}

.ml-md {
  margin-left: var(--c--theme--spacings--md);
}

.mr-md {
  margin-right: var(--c--theme--spacings--md);
}

.m-lg {
  margin: var(--c--theme--spacings--lg);
}

.mb-lg {
  margin-bottom: var(--c--theme--spacings--lg);
}

.mt-lg {
  margin-top: var(--c--theme--spacings--lg);
}

.ml-lg {
  margin-left: var(--c--theme--spacings--lg);
}

.mr-lg {
  margin-right: var(--c--theme--spacings--lg);
}

.m-xxl {
  margin: var(--c--theme--spacings--xxl);
}

.mb-xxl {
  margin-bottom: var(--c--theme--spacings--xxl);
}

.mt-xxl {
  margin-top: var(--c--theme--spacings--xxl);
}

.ml-xxl {
  margin-left: var(--c--theme--spacings--xxl);
}

.mr-xxl {
  margin-right: var(--c--theme--spacings--xxl);
}

.m-xxxl {
  margin: var(--c--theme--spacings--xxxl);
}

.mb-xxxl {
  margin-bottom: var(--c--theme--spacings--xxxl);
}

.mt-xxxl {
  margin-top: var(--c--theme--spacings--xxxl);
}

.ml-xxxl {
  margin-left: var(--c--theme--spacings--xxxl);
}

.mr-xxxl {
  margin-right: var(--c--theme--spacings--xxxl);
}

.m-4xl {
  margin: var(--c--theme--spacings--4xl);
}

.mb-4xl {
  margin-bottom: var(--c--theme--spacings--4xl);
}

.mt-4xl {
  margin-top: var(--c--theme--spacings--4xl);
}

.ml-4xl {
  margin-left: var(--c--theme--spacings--4xl);
}

.mr-4xl {
  margin-right: var(--c--theme--spacings--4xl);
}

.m-5xl {
  margin: var(--c--theme--spacings--5xl);
}

.mb-5xl {
  margin-bottom: var(--c--theme--spacings--5xl);
}

.mt-5xl {
  margin-top: var(--c--theme--spacings--5xl);
}

.ml-5xl {
  margin-left: var(--c--theme--spacings--5xl);
}

.mr-5xl {
  margin-right: var(--c--theme--spacings--5xl);
}

.m-6xl {
  margin: var(--c--theme--spacings--6xl);
}

.mb-6xl {
  margin-bottom: var(--c--theme--spacings--6xl);
}

.mt-6xl {
  margin-top: var(--c--theme--spacings--6xl);
}

.ml-6xl {
  margin-left: var(--c--theme--spacings--6xl);
}

.mr-6xl {
  margin-right: var(--c--theme--spacings--6xl);
}

.m-7xl {
  margin: var(--c--theme--spacings--7xl);
}

.mb-7xl {
  margin-bottom: var(--c--theme--spacings--7xl);
}

.mt-7xl {
  margin-top: var(--c--theme--spacings--7xl);
}

.ml-7xl {
  margin-left: var(--c--theme--spacings--7xl);
}

.mr-7xl {
  margin-right: var(--c--theme--spacings--7xl);
}

.p-0 {
  padding: var(--c--theme--spacings--0);
}

.pb-0 {
  padding-bottom: var(--c--theme--spacings--0);
}

.pt-0 {
  padding-top: var(--c--theme--spacings--0);
}

.pl-0 {
  padding-left: var(--c--theme--spacings--0);
}

.pr-0 {
  padding-right: var(--c--theme--spacings--0);
}

.p-xl {
  padding: var(--c--theme--spacings--xl);
}

.pb-xl {
  padding-bottom: var(--c--theme--spacings--xl);
}

.pt-xl {
  padding-top: var(--c--theme--spacings--xl);
}

.pl-xl {
  padding-left: var(--c--theme--spacings--xl);
}

.pr-xl {
  padding-right: var(--c--theme--spacings--xl);
}

.p-l {
  padding: var(--c--theme--spacings--l);
}

.pb-l {
  padding-bottom: var(--c--theme--spacings--l);
}

.pt-l {
  padding-top: var(--c--theme--spacings--l);
}

.pl-l {
  padding-left: var(--c--theme--spacings--l);
}

.pr-l {
  padding-right: var(--c--theme--spacings--l);
}

.p-b {
  padding: var(--c--theme--spacings--b);
}

.pb-b {
  padding-bottom: var(--c--theme--spacings--b);
}

.pt-b {
  padding-top: var(--c--theme--spacings--b);
}

.pl-b {
  padding-left: var(--c--theme--spacings--b);
}

.pr-b {
  padding-right: var(--c--theme--spacings--b);
}

.p-s {
  padding: var(--c--theme--spacings--s);
}

.pb-s {
  padding-bottom: var(--c--theme--spacings--s);
}

.pt-s {
  padding-top: var(--c--theme--spacings--s);
}

.pl-s {
  padding-left: var(--c--theme--spacings--s);
}

.pr-s {
  padding-right: var(--c--theme--spacings--s);
}

.p-t {
  padding: var(--c--theme--spacings--t);
}

.pb-t {
  padding-bottom: var(--c--theme--spacings--t);
}

.pt-t {
  padding-top: var(--c--theme--spacings--t);
}

.pl-t {
  padding-left: var(--c--theme--spacings--t);
}

.pr-t {
  padding-right: var(--c--theme--spacings--t);
}

.p-st {
  padding: var(--c--theme--spacings--st);
}

.pb-st {
  padding-bottom: var(--c--theme--spacings--st);
}

.pt-st {
  padding-top: var(--c--theme--spacings--st);
}

.pl-st {
  padding-left: var(--c--theme--spacings--st);
}

.pr-st {
  padding-right: var(--c--theme--spacings--st);
}

.p-none {
  padding: var(--c--theme--spacings--none);
}

.pb-none {
  padding-bottom: var(--c--theme--spacings--none);
}

.pt-none {
  padding-top: var(--c--theme--spacings--none);
}

.pl-none {
  padding-left: var(--c--theme--spacings--none);
}

.pr-none {
  padding-right: var(--c--theme--spacings--none);
}

.p-auto {
  padding: var(--c--theme--spacings--auto);
}

.pb-auto {
  padding-bottom: var(--c--theme--spacings--auto);
}

.pt-auto {
  padding-top: var(--c--theme--spacings--auto);
}

.pl-auto {
  padding-left: var(--c--theme--spacings--auto);
}

.pr-auto {
  padding-right: var(--c--theme--spacings--auto);
}

.p-bx {
  padding: var(--c--theme--spacings--bx);
}

.pb-bx {
  padding-bottom: var(--c--theme--spacings--bx);
}

.pt-bx {
  padding-top: var(--c--theme--spacings--bx);
}

.pl-bx {
  padding-left: var(--c--theme--spacings--bx);
}

.pr-bx {
  padding-right: var(--c--theme--spacings--bx);
}

.p-full {
  padding: var(--c--theme--spacings--full);
}

.pb-full {
  padding-bottom: var(--c--theme--spacings--full);
}

.pt-full {
  padding-top: var(--c--theme--spacings--full);
}

.pl-full {
  padding-left: var(--c--theme--spacings--full);
}

.pr-full {
  padding-right: var(--c--theme--spacings--full);
}

.p-4xs {
  padding: var(--c--theme--spacings--4xs);
}

.pb-4xs {
  padding-bottom: var(--c--theme--spacings--4xs);
}

.pt-4xs {
  padding-top: var(--c--theme--spacings--4xs);
}

.pl-4xs {
  padding-left: var(--c--theme--spacings--4xs);
}

.pr-4xs {
  padding-right: var(--c--theme--spacings--4xs);
}

.p-3xs {
  padding: var(--c--theme--spacings--3xs);
}

.pb-3xs {
  padding-bottom: var(--c--theme--spacings--3xs);
}

.pt-3xs {
  padding-top: var(--c--theme--spacings--3xs);
}

.pl-3xs {
  padding-left: var(--c--theme--spacings--3xs);
}

.pr-3xs {
  padding-right: var(--c--theme--spacings--3xs);
}

.p-2xs {
  padding: var(--c--theme--spacings--2xs);
}

.pb-2xs {
  padding-bottom: var(--c--theme--spacings--2xs);
}

.pt-2xs {
  padding-top: var(--c--theme--spacings--2xs);
}

.pl-2xs {
  padding-left: var(--c--theme--spacings--2xs);
}

.pr-2xs {
  padding-right: var(--c--theme--spacings--2xs);
}

.p-xs {
  padding: var(--c--theme--spacings--xs);
}

.pb-xs {
  padding-bottom: var(--c--theme--spacings--xs);
}

.pt-xs {
  padding-top: var(--c--theme--spacings--xs);
}

.pl-xs {
  padding-left: var(--c--theme--spacings--xs);
}

.pr-xs {
  padding-right: var(--c--theme--spacings--xs);
}

.p-sm {
  padding: var(--c--theme--spacings--sm);
}

.pb-sm {
  padding-bottom: var(--c--theme--spacings--sm);
}

.pt-sm {
  padding-top: var(--c--theme--spacings--sm);
}

.pl-sm {
  padding-left: var(--c--theme--spacings--sm);
}

.pr-sm {
  padding-right: var(--c--theme--spacings--sm);
}

.p-base {
  padding: var(--c--theme--spacings--base);
}

.pb-base {
  padding-bottom: var(--c--theme--spacings--base);
}

.pt-base {
  padding-top: var(--c--theme--spacings--base);
}

.pl-base {
  padding-left: var(--c--theme--spacings--base);
}

.pr-base {
  padding-right: var(--c--theme--spacings--base);
}

.p-md {
  padding: var(--c--theme--spacings--md);
}

.pb-md {
  padding-bottom: var(--c--theme--spacings--md);
}

.pt-md {
  padding-top: var(--c--theme--spacings--md);
}

.pl-md {
  padding-left: var(--c--theme--spacings--md);
}

.pr-md {
  padding-right: var(--c--theme--spacings--md);
}

.p-lg {
  padding: var(--c--theme--spacings--lg);
}

.pb-lg {
  padding-bottom: var(--c--theme--spacings--lg);
}

.pt-lg {
  padding-top: var(--c--theme--spacings--lg);
}

.pl-lg {
  padding-left: var(--c--theme--spacings--lg);
}

.pr-lg {
  padding-right: var(--c--theme--spacings--lg);
}

.p-xxl {
  padding: var(--c--theme--spacings--xxl);
}

.pb-xxl {
  padding-bottom: var(--c--theme--spacings--xxl);
}

.pt-xxl {
  padding-top: var(--c--theme--spacings--xxl);
}

.pl-xxl {
  padding-left: var(--c--theme--spacings--xxl);
}

.pr-xxl {
  padding-right: var(--c--theme--spacings--xxl);
}

.p-xxxl {
  padding: var(--c--theme--spacings--xxxl);
}

.pb-xxxl {
  padding-bottom: var(--c--theme--spacings--xxxl);
}

.pt-xxxl {
  padding-top: var(--c--theme--spacings--xxxl);
}

.pl-xxxl {
  padding-left: var(--c--theme--spacings--xxxl);
}

.pr-xxxl {
  padding-right: var(--c--theme--spacings--xxxl);
}

.p-4xl {
  padding: var(--c--theme--spacings--4xl);
}

.pb-4xl {
  padding-bottom: var(--c--theme--spacings--4xl);
}

.pt-4xl {
  padding-top: var(--c--theme--spacings--4xl);
}

.pl-4xl {
  padding-left: var(--c--theme--spacings--4xl);
}

.pr-4xl {
  padding-right: var(--c--theme--spacings--4xl);
}

.p-5xl {
  padding: var(--c--theme--spacings--5xl);
}

.pb-5xl {
  padding-bottom: var(--c--theme--spacings--5xl);
}

.pt-5xl {
  padding-top: var(--c--theme--spacings--5xl);
}

.pl-5xl {
  padding-left: var(--c--theme--spacings--5xl);
}

.pr-5xl {
  padding-right: var(--c--theme--spacings--5xl);
}

.p-6xl {
  padding: var(--c--theme--spacings--6xl);
}

.pb-6xl {
  padding-bottom: var(--c--theme--spacings--6xl);
}

.pt-6xl {
  padding-top: var(--c--theme--spacings--6xl);
}

.pl-6xl {
  padding-left: var(--c--theme--spacings--6xl);
}

.pr-6xl {
  padding-right: var(--c--theme--spacings--6xl);
}

.p-7xl {
  padding: var(--c--theme--spacings--7xl);
}

.pb-7xl {
  padding-bottom: var(--c--theme--spacings--7xl);
}

.pt-7xl {
  padding-top: var(--c--theme--spacings--7xl);
}

.pl-7xl {
  padding-left: var(--c--theme--spacings--7xl);
}

.pr-7xl {
  padding-right: var(--c--theme--spacings--7xl);
}
